import { defineStore } from "pinia";
import axios from "axios"
import { nanoid } from "nanoid";


// defineStore("",{})    选项式写法定义一个仓库
// export const useLoveTalkStore = defineStore('loveTalk', {
//     state: () => ({
//         talkList: JSON.parse(localStorage.getItem('loveTalkList')) || []
//     }),
//     actions:{
//          getLoveTalk(){
//             console.log("loaveTalk模块仓库 getLoveTalk被调用了");
            
//             //解构我们需要的数据 {"code":1,"content":"“我重要吗？”“再重都要”"}
//            //const {data:{content:text}}  = await axios({url:"https://api.uomg.com/api/rand.qinghua?format=json",method:'get'})
//            //this.talkList.unshift({id:nanoid(),text})
//            this.talkList.unshift({id:nanoid(),text:"你是我心中的一首歌，每听一遍，都让我更加爱你。"})
//         }
//     }
// })
import { reactive} from "vue";
// defineStore("",()=>{})    组合式API写法定义一个仓库
export const useLoveTalkStore = defineStore('loveTalk', () => {
    // 这样定义一个talkList 就是state
    const talkList = reactive(JSON.parse(localStorage.getItem('loveTalkList')) || [])

    //这样写一个普通函数，就相当于一个actions
    function getLoveTalk() {
        console.log("loaveTalk模块仓库 getLoveTalk被调用了");
        //解构我们需要的数据 {"code":1,"content":"“我重要吗？”“再重都要”"}
       //const {data:{content:text}}  = await axios({url:"https://api.uomg.com/api/rand.qinghua?format=json",method:'get'})
       talkList.unshift({id:nanoid(),text:"你是我心中的一首歌，每听一遍，都让我更加爱你。"})
    }

    // 但是这样写，这里就必须要return了
    return {
        talkList,
        getLoveTalk
    }
})

